Skip to content

zh13uzz/zh13uzz

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

10 Commits
 
 

Repository files navigation

🥗 FoodTrace - Food Traceability System

Typing SVG

🚀 Tech Stack Showcase

Next.js React TypeScript Web3 Express MongoDB
Solidity Truffle Hardhat Material-UI JWT

🌟 About FoodTrace

Typing SVG

FoodTrace is a cutting-edge food traceability system that revolutionizes supply chain transparency through blockchain technology. Our platform ensures food safety, authenticity, and complete traceability from farm to fork.


Key Features

🔍 Real-time Traceability

  • Track products through entire supply chain
  • Instant access to product history
  • Live location and status updates

🔐 Blockchain Security

  • Immutable transaction records
  • Smart contract automation
  • Decentralized data storage

📱 QR Code Integration

  • Quick product information access
  • Mobile-friendly scanning
  • Instant verification system

📊 Advanced Analytics

  • Comprehensive dashboard
  • Real-time reporting
  • Supply chain insights

🌐 Web3 Integration

  • Secure cryptocurrency transactions
  • Wallet connectivity
  • DeFi protocol support

📱 Responsive Design

  • Cross-platform compatibility
  • Modern UI/UX design
  • Progressive Web App features

🏗️ Project Architecture

Typing SVG
graph TB
    A[🌐 Frontend - Next.js] --> B[🚀 API Gateway]
    B --> C[🔐 Auth Service]
    B --> D[📊 Traceability Service]
    B --> E[⛓️ Blockchain Service]
    
    C --> F[(🍃 MongoDB)]
    D --> F
    E --> G[📜 Smart Contracts]
    G --> H[⛓️ Ethereum Network]
    
    I[📱 Mobile App] --> B
    J[🔍 QR Scanner] --> B
Loading
📁 Detailed Project Structure
foodtrace/
├── 🎨 frontend/                    # Next.js React Application
│   ├── 📂 src/
│   │   ├── 🧩 components/         # Reusable UI components
│   │   ├── 📄 pages/              # Application pages
│   │   ├── 🎨 styles/             # CSS and styling
│   │   ├── 🛠️ utils/              # Utility functions
│   │   └── 🔗 hooks/              # Custom React hooks
│   ├── 📁 public/                 # Static assets
│   └── ⚙️ config files
│
├── 🚀 backend/                     # Node.js Express Server
│   ├── 📂 src/
│   │   ├── 🛣️ routes/             # API route definitions
│   │   ├── 🎮 controllers/        # Business logic handlers
│   │   ├── 📊 models/             # Database models
│   │   ├── 🔐 middleware/         # Authentication & validation
│   │   └── 🛠️ services/           # Business services
│   └── ⚙️ config files
│
└── ⛓️ blockchain/                  # Smart Contracts & Web3
    ├── 📜 contracts/              # Solidity smart contracts
    ├── 🧪 test/                   # Contract tests
    ├── 📋 scripts/                # Deployment scripts
    └── ⚙️ config files

🛠️ Technology Deep Dive

🎨 Frontend Powerhouse


Next.js 14
SSR & Performance

React 18
Modern Hooks

TypeScript
Type Safety

Material-UI
Premium Design

Web3
Blockchain Integration

🚀 Backend Excellence


Node.js
Runtime Environment

Express.js
Web Framework

MongoDB
NoSQL Database

JWT
Authentication

⛓️ Blockchain Infrastructure


Solidity
Smart Contracts

Truffle
Development Suite

Hardhat
Testing Framework

Ethereum
Blockchain Network

🚀 Quick Start Guide

Typing SVG

📋 Prerequisites

Requirement Version Status
Node.js >= 14.x ✅ Required
npm/yarn Latest ✅ Required
Git Latest ✅ Required
Ganache Latest 🔧 Development

📥 Installation

🔽 Step-by-step Installation

1️⃣ Clone Repository

git clone https://github.com/your-username/foodtrace.git
cd foodtrace

2️⃣ Install Frontend Dependencies

cd frontend
npm install

3️⃣ Install Backend Dependencies

cd ../backend
npm install

4️⃣ Install Blockchain Dependencies

cd ../blockchain
npm install

🏃‍♂️ Running the Application

# Create MongoDB environment by using Docker
docker pull mongo:latest
docker run -d -p 27017:27017 --name foodtrace mongo:latest
# ⛓️ Deploy Smart Contracts (Terminal 1)
# open ganache and get private_key
 => cd blockchain
 => python deploy.py (add private_key)
 => python app.py

# 🔥 Start Backend (Terminal 2)
cd backend
npm start

# 🚀 Start Frontend (Terminal 3)
cd frontend
npm start

Using

  • Visit the homepage: http://localhost:3000
    👉 This page allows users to scan QR codes via camera or upload QR images.

  • Access the admin dashboard at: http://localhost:3000/admin
    👉 Reserved for admin accounts with the following credentials:

    • Email: admin@gmail.com
    • Password: admin123
    • Features available:
      • Manage supplier accounts
      • Create new supplier accounts
  • Experience the supplier dashboard: 👉 Please login a supplier account at http://localhost:3000/login
    👉 Once logged in, you will be redirected to the Dashboard, where you can:

    • Add new products
    • Update product status and quality

🤝 Contributing

Typing SVG

This project was collaboratively built by our team of 5 developers, each bringing unique skills and expertise. We welcome contributions from the community to help improve FoodTrace!

🎯 How to Contribute

  1. 🍴 Fork the repository
  2. 🌿 Create your feature branch (git checkout -b feature/AmazingFeature)
  3. 📝 Commit your changes (git commit -m 'Add some AmazingFeature')
  4. 🚀 Push to the branch (git push origin feature/AmazingFeature)
  5. 🔄 Open a Pull Request

📋 Contribution Guidelines

  • 🐛 Bug Reports: Use our bug report template
  • 💡 Feature Requests: Use our feature request template
  • 📖 Documentation: Help improve our docs
  • 🧪 Testing: Add tests for new features
  • 🎨 UI/UX: Improve user experience

🚀 Look forward to the future

We plan to further improve FoodTrace in the following directions:

  • 🌍 Expand support for multiple blockchains (e.g. Polygon, BNB Chain)
  • 📱 Dedicated mobile application development (iOS/Android)
  • 🤖 Integrated AI/ML to detect gaps and optimize supply chain
  • 🏭 More integrated IoT devices to collect data in real time
  • 🧾 Support technical expertise and compliance
  • 🌐 Support multiple languages ​​for users worldwide
  • 📊 Enhanced analytics control panel to provide detailed information about the supply chain
  • 🔗 API to integrate with third party
  • 🛡️ Enhanced security and privacy features
  • 🧑‍💼 Access to access according to the way and features for business
  • Compatible with AI to make judgments, evaluate the quality of agricultural products

We are happy to deliver and close contribute to help shape the future of FoodTrace!


👥 Meet Our Team

Typing SVG

kuveee
🎨 Frontend Specialist
React • TypeScript • UI/UX
Testing • Deployment
GitHub

NTK1100
⛓️ Blockchain Developer
Solidity • Smart Contracts
Testing • Deployment
GitHub

zh13u
🔧 Backend Engineer
Node.js • MongoDB • APIs
Testing • Deployment
GitHub

stepToBecomeGigachad
⛓️ Blockchain Developer
Solidity • Smart Contracts
Testing • Deployment
GitHub

Crabs536
🔧 Backend Engineer
Node.js • MongoDB • APIs
Testing • Deployment
GitHub

🎯 Team Roles & Responsibilities

👨‍💻 Role 🛠️ Responsibilities 🚀 Technologies
Project Lead Architecture, Coordination, Full-Stack Development Next.js, React, Node.js, Project Management
Blockchain Dev Smart Contracts, Web3 Integration, DApp Logic Solidity, Truffle, Hardhat, Ethereum
Frontend Specialist UI/UX Design, Component Development, Responsive Design React, TypeScript, Material-UI, CSS
Backend Engineer API Development, Database Design, Server Logic Node.js, Express, MongoDB, RESTful APIs
Security & DevOps Authentication, Testing, CI/CD, Deployment JWT, Testing Frameworks, Docker, AWS

🙏 Acknowledgments

Special thanks to all the amazing technologies, communities, and our team collaboration that made this project possible:

🎓 Educational Support

Educational Typing SVG

🏫 ACADEMIC INSTITUTION
Posts and Telecommunications Institute of Technology
Ho Chi Minh City Campus
🎯 Exceptional academic resources
🚀 Innovation in technology education

👨‍🏫 FACULTY MENTOR
Mr. Chau Van Van, MSc
Project Supervisor & Technical Advisor

🎓 Exceptional mentorship
💡 Technical guidance & expertise
🛠️ Modern software development practices

📚 COURSE FOUNDATION
INTRODUCTION TO SOFTWARE ENGINEERING (SWE)
Comprehensive Academic Program

📖 Comprehensive curriculum
🔬 Hands-on learning experiences
⚙️ Software engineering principles
PTIT Badge Mentor Badge Course Badge

🌟 Technology Communities

  • Vercel Team for Next.js framework
  • ⚛️ React Team for the amazing library
  • ⛓️ Ethereum Foundation for blockchain technology
  • 🎨 Material-UI Team for beautiful components
  • 🚀 Open Source Community for countless resources

👥 Team Collaboration

  • 💪 Each team member for their dedicated contributions
  • 🤝 Collaborative spirit that made this project successful
  • 🧠 Knowledge sharing between team members
  • Time management and meeting deadlines together

🔧 Development Tools

  • 🐙 GitHub for version control and collaboration
  • 💬 Discord/Slack for team communication
  • 📋 Trello/Notion for project management
  • Coffee & Late nights that powered our coding sessions
Built with ❤️ by the FoodTrace team

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors